Ext.namespace('pages.p2p.cj.cjquery');

pages.p2p.cj.cjquery.Main = function(config) {
	Ext.apply(this, config);
	this.initUIComponents();
	pages.p2p.cj.cjquery.Main.superclass.constructor.call(this);
};

Ext.extend(pages.p2p.cj.cjquery.Main, Ext.Panel, {
	/**
	 * 构造函数
	 */
	initUIComponents : function() {

		this.queryForm = new Ext.form.FormPanel({
					layout : 'column',
					region : 'north',
					labelWidth : 100,
					labelAlign : 'right',
					autoHeight : true,
					border : false,
					frame : false,
					items : [{
								columnWidth : 1,
								height : 10,
								border : false
							},{
								columnWidth : .25,
								layout : 'form',
								border : false,
								items : [{
									fieldLabel : '开始日期',
									name : 'START_DATE',
									id : 'START_DATE',
									anchor : '96%',
									format : 'Y-m-d',
									xtype : 'datefield'
								}]
							}, {
								columnWidth : .25,
								layout : 'form',
								border : false,
								items : [{
									fieldLabel : '结束日期',
									name : 'END_DATE',
									id : 'END_DATE',
									anchor : '96%',
									format : 'Y-m-d',
									xtype : 'datefield'
								}]
							}, {
								columnWidth : .25,
								layout : 'form',
								border : false,
								items : [{
											fieldLabel : '用户名',
											name : 'USERNAME',
											id : 'USERNAME',
											anchor : '96%',
											xtype : 'textfield'
										}]
							}, {
								columnWidth : .25,
								layout : 'form',
								border : false,
								items : [{
											fieldLabel : '手机号码',
											name : 'SJHM',
											id : 'SJHM',
											anchor : '96%',
											xtype : 'textfield'
										}]
							}, {
								columnWidth : .25,
								layout : 'form',
								border : false,
								items : [new Ext.form.ComboBox({
											fieldLabel : '抽奖类型',
											name : 'CJ_TYPE',
											id : 'CJ_TYPE',
											anchor : '96%',
											store : new Ext.data.SimpleStore({
														fields : ['VALUE','TEXT'],
														data : [['', '全部'],['01', 'VIP注册抽奖'],['02', '周年庆抽奖']]
													}),
											valueField : 'VALUE',
											displayField : 'TEXT',
											hiddenName : 'CJ_TYPE_VALUE',
											triggerAction : 'all',
											mode : 'local',
											editable : false,
											selectOnFocus : true,
											value : ''
										})]
							}, {
								columnWidth : .25,
								layout : 'form',
								border : false,
								items : [new Ext.form.ComboBox({
											fieldLabel : '领取状态',
											name : 'LQ_STATE',
											id : 'LQ_STATE',
											anchor : '96%',
											store : new Ext.data.SimpleStore({
														fields : ['VALUE','TEXT'],
														data : [['', '全部'],['00', '未领取'],['01', '领取中'],['02', '已领取']]
													}),
											valueField : 'VALUE',
											displayField : 'TEXT',
											hiddenName : 'CJ_TYPE_VALUE',
											triggerAction : 'all',
											mode : 'local',
											editable : false,
											selectOnFocus : true,
											value : ''
										})]
							}]
				});
		this.store = new Ext.data.Store({
					proxy : new Ext.data.HttpProxy({
								url : ExtJ
										.getActionPath('cjjg/queryCjjlList.do')
							}),
					remoteSort : true,
					reader : new Ext.data.JsonReader({
								root : 'data',
								totalProperty : 'total',
								id : 'ID'
							}, [{
										name : 'ID',
										mapping : 'ID'
									}, {
										name : 'USERNAME',
										mapping : 'USERNAME'
									}, {
										name : 'SJHM',
										mapping : 'SJHM'
									}, {
										name : 'REAL_NAME',
										mapping : 'REAL_NAME'
									}, {
										name : 'CJ_TYPE',
										mapping : 'CJ_TYPE'
									}, {
										name : 'JX',
										mapping : 'JX'
									}, {
										name : 'CJSJ',
										mapping : 'CJSJ'
									}, {
										name : 'LQ_STATE',
										mapping : 'LQ_STATE'
									}, {
										name : 'LQ_FGSMD',
										mapping : 'LQ_FGSMD'
									}, {
										name : 'USER_CZSJ',
										mapping : 'USER_CZSJ'
									}, {
										name : 'FF_GYH',
										mapping : 'FF_GYH'
									}, {
										name : 'FFSJ',
										mapping : 'FFSJ'
									}, {
										name : 'LY_TYPE',
										mapping : 'LY_TYPE'
									}])
				});
		var sm = new Ext.grid.CheckboxSelectionModel({
					singleSelect : true
				});
		var cm = new Ext.grid.ColumnModel([sm, new Ext.grid.RowNumberer(), {
					header : '用户名',
					width : 100,
					sortable : true,
					dataIndex : 'USERNAME'
				}, {
					header : '手机号码',
					width : 120,
					sortable : true,
					dataIndex : 'SJHM'
				}, {
					header : '真实姓名',
					width : 120,
					sortable : true,
					dataIndex : 'REAL_NAME'
				}, {
					header : '抽奖类型',
					width : 100,
					sortable : true,
					dataIndex : 'CJ_TYPE',
					renderer : function(v) {
						if ('00' == v) {
							return '未分类';
						} else if ('01' == v) {
							return 'VIP注册抽奖';
						}else if ('02' == v) {
							return '周年庆抽奖';
						}
					}
				}, {
					header : '奖项',
					width : 60,
					sortable : true,
					hidden : false,
					dataIndex : 'JX'
				}, {
					header : '奖品',
					width : 200,
					sortable : true,
					dataIndex : 'JX',
					renderer : function(v) {
						if ('1' == v) {
							return 'iPhone7一部';
						} else if ('2' == v) {
							return '梦缘Ⅲ号酒两瓶';
						} else if ('3' == v) {
							return '稻花香大米一袋';
						} else if ('4' == v) {
							return '晶鳯鸡蛋30枚';
						} else if ('5' == v) {
							return '红包20元';
						} else if ('6' == v) {
							return '红包5元';
						} else {
							return '未知';
						}
					}
				}, {
					header : '抽奖时间',
					width : 150,
					sortable : true,
					hidden : false,
					dataIndex : 'CJSJ'
				}, {
					header : '领取状态',
					width : 100,
					sortable : true,
					dataIndex : 'LQ_STATE',
					renderer : function(v) {
						if ('00'==v) {
							return '未领取';
						}else if('01'==v){
							return '领取中';
						}else if('02'==v){
							return '已领取';
							
						}
					}
				}, {
					header : '分公司门店',
					width : 180,
					sortable : true,
					dataIndex : 'LQ_FGSMD'
				}, {
					header : '用户操作时间',
					width : 150,
					sortable : true,
					dataIndex : 'USER_CZSJ'
				}, {
					header : '发放员工号',
					width : 120,
					sortable : true,
					dataIndex : 'FF_GYH'
				}, {
					header : '发放时间',
					width : 150,
					sortable : true,
					hidden : false,
					dataIndex : 'FFSJ'
				}, {
					header : '抽奖入口类型',
					width : 100,
					sortable : true,
					dataIndex : 'LY_TYPE',
					renderer : function(v) {
						if ('00' == v) {
							return 'web网页';
						} else if ('01' == v) {
							return 'ios苹果';
						} else if ('02' == v) {
							return 'android安卓';
						}
					}
				}]);

		/**
		 * GridPanel
		 */
		this.grid = new Ext.grid.GridPanel({
					id : 'grid',
					region : 'center',
					store : this.store,
					border : true,
					frame : false,
					viewConfig : {
						autoFill : false,
						forceFit : false,
						focusRow : function() {
							return;
						},
						getRowClass : function(record, rowIndex, rowParams,
								store) {
							if (record.get("TOP_LEVEL") == "1") {
								return 'ux-grid-record-onTop';
							}
						}
					},
					sm : sm,
					cm : cm,
					tbar : [{
								id : 'query',
								iconCls : 'query',
								text : '查询',
								handler : this.onQuery.createDelegate(this)
							}, '-', {
								id : 'reset',
								iconCls : 'reset',
								text : '重置',
								handler : this.onReset.createDelegate(this)
							}],
					bbar : new Ext.PagingToolbar({
								pageSize : pageSize,
								store : this.store,
								displayInfo : true,
								displayMsg : '当前显示第 {0} - {1} 条 / 共 {2} 条',
								emptyMsg : "没有记录"
							})
				});

		Ext.apply(this, {
					closeAction : 'close',
					layout : 'border',
					border : false,
					listeners : {
						'render' : this.initData.createDelegate(this)
					},
					items : [this.queryForm, this.grid]
				})
	},

	initData : function() {
		this.onQuery();
	},

	onReset : function() {
		this.queryForm.getForm().reset();
	},
	onQuery : function() {
		this.store.baseParams.startDate = Ext.getCmp('START_DATE').getRawValue();
		this.store.baseParams.endDate = Ext.getCmp('END_DATE').getRawValue();
		this.store.baseParams.username = Ext.getCmp('USERNAME').getRawValue();
		this.store.baseParams.sjhm = Ext.getCmp('SJHM').getRawValue();
		this.store.baseParams.cjzt = Ext.getCmp('CJ_TYPE').getValue();
		this.store.baseParams.lqzt = Ext.getCmp('LQ_STATE').getValue();
		Ext.getBody().mask("正在查询,请稍候...");
		var count = this.store.getCount();
        if(count>0){
            this.grid.getStore().removeAll();
        }
		this.store.reload({
					params : {
						start : 0,
						limit : pageSize
					},
					callback : function() {
						Ext.getBody().unmask(true);
					}
				});
	}

});